<template>
    <div class="box-group-wrap" style="padding-bottom: 0;">
        <p class="title">
            {{pageTitle}}
            <span class="rights">
                <slot name="wrapRight"></slot>
            </span>
        </p>
        <!-- <div class="line"></div> -->
        <div v-if="!isShowData" class="nodatalist" style="padding-bottom: 10px;">
            <img src="@/assets/img/khindex/nuMessage.png" alt width="40px" />
            <p>暂无{{pageTitle}}信息</p>
        </div>
        <div v-else class="trainingMain">
            <slot name="wrapBody"></slot>
        </div>
    </div>
</template>
<script>
export default {
    name: 'BoxGroupWrap',
    props: {
        pageTitle: {
            type: String,
            default: '',
        },
        isShowData: {
            type: Boolean,
            default: false,
        },

    },

    data() {
        return {

        }
    }
}
</script>
<style scoped lang="scss">
.box-group-wrap {
    .rights {
        float: right;
        margin-right: 20px;
        cursor: pointer;
        line-height: 36px;
    }
}
</style>